@charset "UTF-8";
.headerWrap{position:absolute;height:100px; top:0; z-index:1000; width:100%; min-width:1350px;}
.logo{position: absolute; z-index:99999; left:30px; top:50%; transform:translateY(-50%);}
.header{position: absolute; width: 100%; height:100px; top:0; display:flex; align-items:center; justify-content:center} 


/*subheader*/
.headerWrap{transition:all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.headerWrap_active{background:#fff !important;}
.sub_header_active{background:#413c3b !important; height:100px; transition:all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940); color:#fff;}

.top_tip div img{transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.img_active2{transform:scale(0.7); transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); position:relative; top:-7px;}
.img_active3{transform:scale(0.82); transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); position:relative; top:-7px;}

.top_tip{position:absolute; right:90px; top:0; display:flex; align-items:center;}
.top_tip > p{position: relative; font-family: 'Lato' !important; font-size:30px; color:#e8e7e0; font-weight:400; padding-right:15px; left:0}
.top_tip > p img{position: relative; top:-4px;}
.top_tip > span{transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940)}

.top_tipimg{opacity:0; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
.top_tip_tel{transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);  transform:translateX(180px)}

/*****************************2023-08-04 수정 대메뉴*****************************/
#gnb {/*position: absolute; height:100%; text-align: right; padding-top:0px; right:0px; width:100%;*/ font-size:0}
#gnb > li {display: inline-block; text-align: center; width:120px; letter-spacing: -1px; overflow:hidden;}
#gnb > li a { display: block; color:#111; font-size:17px; font-weight:500; position: relative; width: 100%; height:100%; line-height:100px; padding: 0px 0 0px 0;}
#gnb > li a:hover,
#gnb > li.currentGnb a { color: #184a3a !important;}
#gnb > li.tel a{font-size:21px; font-weight:700}

#gnb > li span{position:relative; display:block;}
#gnb > li span:after{position:absolute; content:""; background:#184a3a; width:100%; height:2px; left:-400px; bottom:0px; transition:all 0.4s ease-out;}
#gnb > li:hover span:after{left:0px;}

#gnb > li.currentGnb span:after{left:0px;}


.topR_section{position:absolute; right:30px; top:30px;}
.tag{font-size:0; margin-right:10px;}

.tag li{display: inline-block; vertical-align: middle}
.tag .tel{position:relative;color:#111; font-size:26px; font-weight:600;}
/*.tag .tel:after{position:absolute; content:""; width:1px; height:20px; background:#121138; right:-20px; top:50%; transform:translateY(-50%)}*/
.tag .tel span{font-size:21px; margin-right:10px;}
.tag .radio_box{position: relative; margin-right:20px;}
.event_img{transform:translateY(3px)}
/*****************************2023-08-04 수정 대메뉴*****************************/

/* 서브메뉴 */
.snbWrap { display:none; position:absolute; width:100%; left: 0px; top:100px; padding-top: 25px; padding-bottom: 22px; background-color: #184a3a; z-index:1;  border-top:1px solid rgba(0,0,0,0.1); padding-bottom:50px; overflow:hidden;}
/*.snbWrap:before{position:absolute; content:""; background:url(/image/main/nav_bg.jpg) no-repeat; width:383px; height:280px; left:0; top:-100px}*/
.snbWrap #snb { position: relative; padding-right:0; display:flex; justify-content:center}
.snbWrap #snb > li { position: relative; display: inline-block; vertical-align: top; width:120px;}
.snbWrap #snb li ul { width:auto;}
.snbWrap #snb li ul li { margin-bottom:3px; text-align:center; }
.snbWrap #snb li ul li a { display:block; width:100%; padding: 6px 0; font-size:16px; letter-spacing: -1px; color:#fff; }
.snbWrap #snb li ul li a:hover,
.snbWrap #snb li ul li.currentSnb a { color: #c29f82; font-weight: 500; }
.snbWrap.scroll_style { background-color: rgba(0,0,0,0.7) }
.snbWrap.scroll_style #snb li ul li a { color: #eee }
.snbWrap.scroll_style #snb li ul li a:hover,
.snbWrap.scroll_style #snb li ul li.currentSnb a { color: #fff }

.snb_quick { position: absolute; top: 26px; left: 135px; }
.snb_quick a { display: block; text-indent: 35px; height: 28px; line-height: 28px; color: #959595; font-size: 15px; margin-bottom: 6px; background-repeat: no-repeat; }
.snb_quick a:hover { color: #000; font-weight: bolder; }
.snb_quick .quick1 { background-image: url(http://logosimg.cafe24.com/ossgFinal/image/common/quick1_off.png); }
.snb_quick .quick2 { background-image: url(http://logosimg.cafe24.com/ossgFinal/image/common/quick2_off.png); }
.snb_quick .quick1:hover { background-image: url(http://logosimg.cafe24.com/ossgFinal/image/common/quick1.png); }
.snb_quick .quick2:hover { background-image: url(http://logosimg.cafe24.com/ossgFinal/image/common/quick2.png); }

.gnbBg { display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.7); z-index:998; }

